<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<a href="http://www.s-ec.com/" id="testA">www.s-ec.com</a>

		<div onclick="alert('3');">
			<div onclick="alert('2');">
				<a id="xx" href="#" onclick="alert('1');">
					测试冒泡
				</a>
			</div>
		</div>
		<script type="text/javascript">
			var a = document.getElementById("testA");
			a.onclick = function(e) {
				if (e.preventDefault) {
					e.preventDefault();
				} else {
					window.event.returnValue == false;
				}
			}

			document.getElementById("xx").addEventListener("click", function(e) {
				e.stopPropagation();
			}, false);

			function stopBubble(e) {
				//如果提供了事件对象，则这是一个非IE浏览器 
				if (e && e.stopPropagation)
					//因此它支持W3C的stopPropagation()方法 
					e.stopPropagation();
				else
					//否则，我们需要使用IE的方式来取消事件冒泡 
					window.event.cancelBubble = true;
			}

			//阻止浏览器的默认行为 
			function stopDefault(e) {
				//阻止默认浏览器动作(W3C) 
				if (e && e.preventDefault)
					e.preventDefault();
				//IE中阻止函数器默认动作的方式 
				else
					window.event.returnValue = false;
				return false;
			}

			function a(e) {
				var e = (e) ? e : ((window.event) ? window.event : null);
				var e = e || window.event; // firefox下window.event为null, IE下event为null
			}
		</script>
	</body>
</html>
